html,body {
	margin: 0;
	padding: 0;
}
body {
	padding: 15px;
	background-color: #F2F3F5;
}
 /* 设置卡片主体区域的宽度 */
   .layui-card-body {
     width: 500px;
   }
   
   /* 设置按钮行的样式 */
   .row2 {
     display: flex;
     justify-content: flex-end;
     margin-top: 20px;
   }
   
   /* 设置裁剪区域的样式 */
   .cropper-box {
     width: 350px;
     height: 350px;
     background-color: cyan;
     overflow: hidden;
   }
   
   /* 设置第一个预览区域的样式 */
   .w100 {
     width: 100px;
     height: 100px;
     background-color: gray;
   }
   
   /* 设置第二个预览区域的样式 */
   .w50 {
     width: 50px;
     height: 50px;
     background-color: gray;
     margin-top: 50px;
   }
   
   /* 设置预览区域下方文本的样式 */
   .size {
     font-size: 12px;
     color: gray;
     text-align: center;
   }
   
   /* 设置图片行的样式 */
   .row1 {
     display: flex;
   }
   
   /* 设置 preview-box 区域的的样式 */
   .preview-box {
     display: flex;
     flex-direction: column;
     flex: 1;
     align-items: center;
   }
   
   /* 设置 img-preview 区域的样式 */
   .img-preview {
     overflow: hidden;
     border-radius: 50%;
   }
   #file {
	   display: none;
   }